我们使用fastadmin的时候, 有时候会遇到选择框中有很多数据, 用一般的下拉选择框选择的话, 下拉框会拉很长, 不便于选择, 其实 fastadmin有另一种解决方案 就是用selectpage,

这里说的是用弹出框来解决

如图, 当供应商文本框 获取到焦点是 弹出选择框  选择框中是 供应商列表, 在列表后面加一个  选择按钮,  点击选择后, 把父窗口的 input 值,改成相应的数据 这里, 我随便更改成了123123, 并且要关闭 子窗口

做法, 首先, 为输入框加上 获取焦点的事件

这里说明一下, 因为 上图中的列表, 很像fastadmin自带的列表页面, 所以我的做法是 直接复制了 controller中的index 方法,  粘贴了 index1,  并且 相应了 复制了 index.html 为 index1.html, 同样的, 不要忘记 在 相应的js中也复制一下

接着就是 在js 的 index1: 中写js 代码了

这是 index1  的 bootstraptable中自定义事件和按钮

这里时定义了按钮和事件  不懂的可以参考 bootstart-table 自定义按钮

其中 事件的 意思是  把父窗口中的 id为 #t-supplier 的文本框 赋值为 123123     同时 得到弹出的layer 层的 index   , 并通过 index 来关闭 弹出的 layer层

打完收工